html, body {
  position: relative;
  height: 100%;
}
html{
    font-size: 14px;
}

@media(max-width: 768px){
  html {
      font-size: 14px !important;
  }
}
@media(min-width: 768px){
  html {
      font-size: 16px !important;
  }
}
body {
  margin: 0;
  padding: 0;
}
/* header开始 */
#m_header{
  display: none;
}
#header{
  display: block;
  position: fixed;
  z-index:99;
  height: 80px;
  border-bottom: 1px solid #c6c6c6;
  box-sizing: border-box;
}

#header.white .index-header .logo > span:first-child{
  display: block;
}
#header.white .index-header .logo > span:last-child{
  display: none;
}
#header.black .index-header .logo > span:first-child{
  display: none;
}
#header.black .index-header .logo > span:last-child{
  display: block;
}
#header.white{
  background: transparent;
}
#header.black{
  background: #fff;
}
.index-header{
  height: 100%;
  width: 90%;
  margin:auto;
  /* overflow: hidden; */
  display: flex;
  align-items:center;
  justify-content:space-between;
  border-radius: 0.5rem;
  padding: 0 2%;
}
.logo{
  width: 10%;
}
.header-r{
  display: flex;
  align-items:center;
  justify-content:space-between;
  width: 89%;
}
.mobile_nav{
  height: inherit;
}
.nav-pc{
  height: inherit;
}
.nav-pc ul {
  height: inherit;
}
.nav-pc li {
  width: auto;
  font-size: 1rem;
  margin-left: 2VW;
  height: inherit;
  line-height: 80px;
  position: relative;
}
/* .nav-pc li.active {
  border-bottom: 2px solid linear-gradient(to right,#085dc6,#00deff);
} */
.nav-pc li.active:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom:0px;
  background: linear-gradient(to right,#085dc6,#00deff); 
}
.nav-pc li a span {
  color: #161616;
}
#header.white .nav-pc li a span{
  color: #fff;
}
.nav-pc li a#menu_selected span {
  color: #1d2088;
}
.nav-pc li a#menu_selected:hover span{ 
  color: #1d2088;
}
.nav-pc li:hover{ 
  color: #1d2088; 
}
.nav-pc li:hover a span{ 
  color: #1d2088;
}
#header.black .header-icon{
  
} 
.header-icon{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 80px;
}
.header-icon > div{
  margin-left:2rem;
  position: relative;
}
.index-search{
  cursor: pointer;
}

#header.black .index-search img{
  filter:brightness(0%);
}
.index-search:before{
  content:'';
  position: absolute;
  background: #d7d7d7;
  height: 100%;
  top:0;
  left:-2rem;
  width: 1px;
}
.search-form{
  position: absolute;
  top: 52px;
  right: -5VW;
  width: 10VW;
  height: 30px;
  margin-right:1VW;
  background: #fff;
  padding:5px;
  display: none;
}

#header.black .search-form{
  border: 1px solid #c6c6c6;
}
.search-form .is-con{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.search-form .is-con .is-cicon{
  filter: brightness(0);
  margin-right:3px;
}
.search-form .is-con input{
  border:none;
  max-width:100%;
  width:100%;
}

#header.black .index-message img{
	filter:brightness(0%);
}
/* header结束 */
.body-sl1-slide,.body-sl2-slide,.body-sl3-slide,.body-sl4-slide,.body-sl5-slide,.body-sl6-slide{
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.body-slide{
  overflow: hidden;
}
/* sl1 */
.sl1-container {
  width: 100%;
  height: 100%;
}
.sl1-slide{
  position: relative;
  overflow:hidden;
}
.sl1-sl0-slide video{
	width:100%;
	height:100%;
	object-fit:cover;
	max-width:100%;
}
.sl1-sl1-slide{
  overflow: hidden;
  position: relative;
  width:100%;
  height:100%;
  background: url(../images/sl1-bj1.jpg) no-repeat;
  background-size: 110% 110%;
  background-position: 50% 50%;
  transition:all .5s;
  -webkit-animation: bjmove 5s ease-in-out infinite alternate;
  -o-animation: bjmove 5s ease-in-out infinite alternate;
  animation: bjmove 5s ease-in-out infinite alternate;
}
.sl1-sl2-slide{
  overflow: hidden;
  position: relative;
  width:100%;
  height:100%;
  background: url(../images/sl1-bj2.jpg) no-repeat;
  background-size: 110% 110%;
  background-position: 50% 50%;
  transition:all .5s;
  -webkit-animation: bjmove 5s ease-in-out infinite alternate;
  -o-animation: bjmove 5s ease-in-out infinite alternate;
  animation: bjmove 5s ease-in-out infinite alternate;
}

.sl1-sl3-slide{

  overflow: hidden;

  position: relative;

  width:100%;

  height:100%;

  background: url(../images/sl1-bj3.jpg) no-repeat;

  background-size: 110% 110%;

  background-position: 50% 50%;

  transition:all .5s;

  -webkit-animation: bjmove 5s ease-in-out infinite alternate;

  -o-animation: bjmove 5s ease-in-out infinite alternate;

  animation: bjmove 5s ease-in-out infinite alternate;

}

.sl1-banner-bg > div{
  display: none;
}
.sl1-sl0-con{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-90%,-50%);
  width: 40%;
  text-align: left;
}
.sl1-banner-video{
	width:100%;
	height:100%;
}
.sl1-c0-text1 img,.sl1-c0-text2 img{
	max-width:100%;
}
.sl1-c0-text1{
  opacity: 0;
  /*-webkit-animation: fadeOutLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .8s forwards;
  animation: fadeOutLeft .5s ease-in-out .8s forwards;*/
}
.body-sl1-slide.swiper-slide-active .sl1-sl0-slide.swiper-slide-active.active .sl1-c0-text1{
  -webkit-animation: fadeInLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .3s forwards;
  animation: fadeInLeft .5s ease-in-out .3s forwards;
}
.sl1-c0-text2{
  opacity: 0;
  margin-top:1rem;
 /* -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;*/
}
.body-sl1-slide.swiper-slide-active .sl1-sl0-slide.swiper-slide-active.active .sl1-c0-text2{
  -webkit-animation: fadeInLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .5s forwards;
  animation: fadeInLeft .5s ease-in-out .5s forwards;
}
.sl1-c0-text3{
  opacity: 0;
  margin-top:10%;
  /*-webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;*/
}
.sl1-c0-text3 > div{
	width:3rem;
	height:.3rem;
	background:#fff;
	box-shadow:0px 0px 5px #1a1a1a;
}
.body-sl1-slide.swiper-slide-active .sl1-sl0-slide.swiper-slide-active.active .sl1-c0-text3{
  -webkit-animation: fadeInLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .8s forwards;
} 
.sl1-sl1-con{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-10%,-60%);
  width: 40%;
  text-align: left;
}
.sl1-sl1-con img{
  max-width: 100%;
}
.sl1-c1-text1{
  opacity: 0;
  -webkit-animation: fadeOutRight .5s ease-in-out .8s forwards;
  -o-animation: fadeOutRight .5s ease-in-out .8s forwards;
  animation: fadeOutRight .5s ease-in-out .8s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl1-slide.swiper-slide-active .sl1-c1-text1{
  -webkit-animation: fadeInRight .5s ease-in-out .3s forwards;
  -o-animation: fadeInRight .5s ease-in-out .3s forwards;
  animation: fadeInRight .5s ease-in-out .3s forwards;
}
.sl1-c1-text2{
  opacity: 0;
  margin-top:2rem;
  -webkit-animation: fadeOutRight .5s ease-in-out .5s forwards;
  -o-animation: fadeOutRight .5s ease-in-out .5s forwards;
  animation: fadeOutRight .5s ease-in-out .5s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl1-slide.swiper-slide-active .sl1-c1-text2{
  -webkit-animation: fadeInRight .5s ease-in-out .5s forwards;
  -o-animation: fadeInRight .5s ease-in-out .5s forwards;
  animation: fadeInRight .5s ease-in-out .5s forwards;
}
.sl1-c1-text3{
  background:linear-gradient(to right,#085dc6,#00deff);
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  border-radius: 3rem;
  padding:0 3rem;
  font-size: 1.1rem;
  color:#fff;
  margin-top:6VH;
  opacity: 0;
  -webkit-animation: fadeOutRight .5s ease-in-out .3s forwards;
  -o-animation: fadeOutRight .5s ease-in-out .3s forwards;
  animation: fadeOutRight .5s ease-in-out .3s forwards;
}
.sl1-c1-text3 a{
  display: block;
  color:#fff;
  letter-spacing: .5rem;
}
.body-sl1-slide.swiper-slide-active .sl1-sl1-slide.swiper-slide-active .sl1-c1-text3{
  -webkit-animation: fadeInRight .5s ease-in-out .8s forwards;
  -o-animation: fadeInRight .5s ease-in-out .8s forwards;
  animation: fadeInRight .5s ease-in-out .8s forwards;
}

.sl1-sl2-con{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-90%,-50%);
  width: 40%;
  text-align: left;
}

.sl1-c2-text1{
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .8s forwards;
  animation: fadeOutLeft .5s ease-in-out .8s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl2-slide.swiper-slide-active .sl1-c2-text1{
  -webkit-animation: fadeInLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .3s forwards;
  animation: fadeInLeft .5s ease-in-out .3s forwards;
}
.sl1-c2-text2{
  opacity: 0;
  margin-top:1rem;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl2-slide.swiper-slide-active .sl1-c2-text2{
  -webkit-animation: fadeInLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .5s forwards;
  animation: fadeInLeft .5s ease-in-out .5s forwards;
}
.sl1-c2-text3{
  opacity: 0;
  margin-top:10%;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl2-slide.swiper-slide-active .sl1-c2-text3{
  -webkit-animation: fadeInLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .8s forwards;
  animation: fadeInLeft .5s ease-in-out .8s forwards;
}
.sl1-c2-text4{
  margin-top:15%;
  background:linear-gradient(to right,#085dc6,#00deff);
  width: 15%;
  height: .5rem;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl2-slide.swiper-slide-active .sl1-c2-text4{
  -webkit-animation: fadeInLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .8s forwards;
  animation: fadeInLeft .5s ease-in-out .8s forwards;
}

.sl1-c2-text5{
  width: 80%;
  color:rgba(255,255,255,.2);
  opacity: 0;
  margin-top:15%;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl1-slide.swiper-slide-active .sl1-sl2-slide.swiper-slide-active .sl1-c2-text5{
  -webkit-animation: fadeInLeft .5s ease-in-out .9s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .9s forwards;
  animation: fadeInLeft .5s ease-in-out .9s forwards;
}

/* sl1结束 */
/* sl2开始 */
.body-sl2-slide{
  
}
.sl2-con{
  width: 100%;
}
.sl2-c-top{
  height: 40VH;
  position: relative;
  width: 90%;
  margin:auto;
}
.sl2-ct{
  position: absolute;
  width: 100%;
  top:50%;
  left:0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sl2-ct-left{
  margin-left:10VW;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl2-slide.swiper-slide-active .sl2-ct-left{
  -webkit-animation: fadeInLeft .5s ease-in-out .2s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .2s forwards;
  animation: fadeInLeft .5s ease-in-out .2s forwards;
}
.sl2-ct-right{
  display: flex;
  justify-content: flex-end;
  margin-bottom:1VH;
  opacity: 0;
  -webkit-animation: fadeOutRight .5s ease-in-out .5s forwards;
  -o-animation: fadeOutRight .5s ease-in-out .5s forwards;
  animation: fadeOutRight .5s ease-in-out .5s forwards;
}
.body-sl2-slide.swiper-slide-active .sl2-ct-right{
  -webkit-animation: fadeInRight .5s ease-in-out .2s forwards;
  -o-animation: fadeInRight .5s ease-in-out .2s forwards;
  animation: fadeInRight .5s ease-in-out .2s forwards;
}
.sl2-ct-right > div{
  height: 2.5rem;
  line-height: 2.5rem;
  padding:0 2rem;
  border-radius: 2.5rem;
  border:1px solid #0655bb;
  color:#1d1d1d;
}
.sl2-ct-right > div:first-child{
  background:linear-gradient(to right,#085dc6,#00deff);
  border:none;
  margin-right:2VW;
}
.sl2-ct-right > div:first-child a{
  color:#fff;
}
.sl2-c-con{
  width: 95VW;
  float: right;
  height: 60VH;
  display: flex;
  justify-content: space-between;
}
.sl2-left{
  width: 10VW;
}
.sl2-right{
  width: 85VW;
}
.sl2-container.swiper-container{
  height:100%;
  width: 100%;
}
.sl2-wrapper.swiper-wrapper{
  height:100%;
  width: 100%;
}
.sl2-slide{
  position: relative;
}
.sl2-img-text{
  position: absolute;
  color:#fff;
  bottom:5%;
  left:2%;
}
.sl2-slide.swiper-slide {
  width: calc(((100% - 80px) / 5)) !important;
  transition:width .5s;
}
.sl2-slide.swiper-slide.swiper-slide-active{
  width: calc(((100% - 80px) / 5) * 2) !important;
  transition:width .5s;
}
.sl2-slide.swiper-slide .sl2-img{
  max-width: 100%;
  height: 100%;
  width: 100%;
}
.sl2-slide.swiper-slide .sl2-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.sl2-left{
  position: relative;
}
.sl2-l{
  position: absolute;
  top:50%;
  left:10%;
  transform:translateY(-50%);
}
.sl2-button-next, .sl2-button-prev {
  position: static;
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: 0px;
  z-index: 10;
  cursor: pointer;
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
}
.sl2-button-next{
  background-image: url('../images/sl2-arrow.png');
}
.sl2-button-prev{
  background-image: url('../images/sl2-arrow.png');
  transform:rotate(180deg);
}
.sl2-pagination{
  position: static;
  margin:2VH 0;
}
/* sl2结束 */
/* sl3开始 */
.sl3-con{
  width: 100%;
  height: 100%;
  padding-top:50px;
  box-sizing: border-box;
}
.sl3-c-con{
  width: 100%;
  height: 100%;
  background: url('../images/sl3-bj.png') no-repeat;
  background-position: 100% 80%;
  background-size: 55% auto;
  position: relative;
}
.sl3-cc-text{
  position: absolute;
  top:50%;
  left: 0;
  transform:translateY(-50%);
  width: 50%;
  padding-left:15VW;
  text-align: left;
  box-sizing: border-box;
}
.sl3-cct-tit{
  font-size: 3rem;
  color: #202020;
  font-weight: bold;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  animation: fadeOutLeft .5s ease-in-out .3s forwards;
}
.body-sl3-slide.swiper-slide-active .sl3-cct-tit{
  -webkit-animation: fadeInLeft .5s ease-in-out .2s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .2s forwards;
  animation: fadeInLeft .5s ease-in-out .2s forwards;
}
.sl3-cct-tits{
  font-size: 1.5rem;
  color: rgba(32,32,32,.88);
  margin-top:.5VH;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  animation: fadeOutLeft .5s ease-in-out .3s forwards;
}
.body-sl3-slide.swiper-slide-active .sl3-cct-tits{
  -webkit-animation: fadeInLeft .5s ease-in-out .4s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .4s forwards;
  animation: fadeInLeft .5s ease-in-out .4s forwards;
}
.sl3-cct-text{
  font-size: 1rem;
  color: rgba(32,32,32,.8);
  margin-top:2.5VH;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  animation: fadeOutLeft .5s ease-in-out .3s forwards;
}
.body-sl3-slide.swiper-slide-active .sl3-cct-text{
  -webkit-animation: fadeInLeft .5s ease-in-out .6s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .6s forwards;
  animation: fadeInLeft .5s ease-in-out .6s forwards;
}
.sl3-cct-con{
  display: flex;
  margin-top:4VH;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  animation: fadeOutLeft .5s ease-in-out .3s forwards;
}
.body-sl3-slide.swiper-slide-active .sl3-cct-con{
  -webkit-animation: fadeInLeft .5s ease-in-out .7s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .7s forwards;
  animation: fadeInLeft .5s ease-in-out .7s forwards;
}
.sl3-cctc-list{
  margin-right:2VW;
}
.sl3-cctcl-top > span:first-child{
  font-size: 3rem;
  color: #202020;
  font-weight: bold;
}
.sl3-cctcl-top > span:last-child{
  font-size: 1.1rem;
  color: #202020;
}
.sl3-cctc-list:last-child .sl3-cctcl-top > span:last-child{
  font-size: 2rem;
  font-weight: bold;
}
.sl3-cctcl-bottom{
  font-size: 1rem;
  color: rgba(32,32,32,.58);
}
.sl3-cct-more{
  background:linear-gradient(to right,#085dc6,#00deff);
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  border-radius: 3rem;
  padding:0 3rem;
  font-size: 1.1rem;
  color:#fff;
  margin-top:5VH;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  animation: fadeOutLeft .5s ease-in-out .3s forwards;
}
.body-sl3-slide.swiper-slide-active .sl3-cct-more{
  -webkit-animation: fadeInLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .8s forwards;
  animation: fadeInLeft .5s ease-in-out .8s forwards;
}
.sl3-cct-more a{
  color:#fff;
}
/* sl3结束 */
/* sl4开始 */
.body-sl4-slide,.sl4-con,.sl4-wrapper,.sl4-slide,.sl4-banner-bg{
  width: 100%;
  height: 100%;
}
.sl4-slide{
  overflow: hidden;
  position: relative;
  width:100%;
  height:100%;
  background-size: 110% 110%;
  background-position: 50% 50%;
  background-repeat:no-repeat;
  transition:all .5s;
  -webkit-animation: bjmove 5s ease-in-out infinite alternate;
  -o-animation: bjmove 5s ease-in-out infinite alternate;
  animation: bjmove 5s ease-in-out infinite alternate;
}
.sl4-sl1-slide{
  background-image: url(../images/sl4-bj1.jpg);
}
.sl4-sl2-slide{
  background-image: url(../images/sl4-bj2.jpg);
}
.sl4-sl3-slide{
  background-image: url(../images/sl4-bj3.jpg);
}
.sl4-banner-bg{
  position: relative;
}
.sl4-banner-bg:before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.44);
}
.sl4-banner-bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  visibility: hidden;
}
.sl4-con-text{
  position: absolute;
  z-index:1;
  left:15VW;
  top:50%;
  text-align: left;
  transform:translateY(-80%);
}
.sl4-ct-t1{
  font-size: 3.5rem;
  color: #fff;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .8s forwards;
  animation: fadeOutLeft .5s ease-in-out .8s forwards;
}
.body-sl4-slide.swiper-slide-active .sl4-slide.swiper-slide-active .sl4-ct-t1{
  -webkit-animation: fadeInLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .3s forwards;
  animation: fadeInLeft .5s ease-in-out .3s forwards;
}
.sl4-ct-t2{
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  margin-top:3VH;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl4-slide.swiper-slide-active .sl4-slide.swiper-slide-active .sl4-ct-t2{
  -webkit-animation: fadeInLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .5s forwards;
  animation: fadeInLeft .5s ease-in-out .5s forwards;
}
.sl4-ct-t3{
  font-size: 1rem;
  color: rgba(255,255,255,.5);
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl4-slide.swiper-slide-active .sl4-slide.swiper-slide-active .sl4-ct-t3{
  -webkit-animation: fadeInLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .5s forwards;
  animation: fadeInLeft .5s ease-in-out .5s forwards;
}
.sl4-ct-t4{
  margin-top:5VH;
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .3s forwards;
  animation: fadeOutLeft .5s ease-in-out .3s forwards;
}
.body-sl4-slide.swiper-slide-active .sl4-slide.swiper-slide-active .sl4-ct-t4{
  -webkit-animation: fadeInLeft .5s ease-in-out .8s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .8s forwards;
  animation: fadeInLeft .5s ease-in-out .8s forwards;
}
.sl4-ct-t4 a{
  color:#fff;
}
.sl4-ct-t4 a > span:first-child{
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: #0053be;
  border-radius: 100%;
  text-align: center;
  line-height: 2rem;
}
.sl4-ct-t4 a > span:last-child{
  margin-left:1VW;
}
.sl4-con-num{
  position: absolute;
  bottom:20VH;
  right:25VW;
}
.sl4-con-num > span:first-child{
  font-size: 15VW;
  color: rgba(255,255,255,.2);
}
.sl4-pagination.swiper-pagination {
  text-align: left;
  left: 15VW;
  width: auto;
  bottom:25VH;
}
.sl4-pagination .swiper-pagination-bullet{
  width: 11VW;
  height: 3px;
  background: rgba(255,255,255,.5);
}
.sl4-pagination .swiper-pagination-bullet-active{
  background:linear-gradient(to right,#085dc6,#00deff);
}
/* sl4结束 */
/* sl5开始 */
.sl5-con{
  width: 100%;
  height: 100%;
  background-image: url('../images/sl5-bj.jpg');
  background-size: cover;
}
.sl5-c-top{
  width: 70%;
  height: 30VH;
  margin:auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.sl5-ct-left{
  opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;
}
.body-sl5-slide.swiper-slide-active .sl5-ct-left{
  -webkit-animation: fadeInLeft .5s ease-in-out .2s forwards;
  -o-animation: fadeInLeft .5s ease-in-out .2s forwards;
  animation: fadeInLeft .5s ease-in-out .2s forwards;
}

.sl5-ct-right{
  height: 2.5rem;
  line-height: 2.5rem;
  padding:0 2rem;
  border-radius: 2.5rem;
  color:#fff;
  background:linear-gradient(to right,#085dc6,#00deff);
  opacity: 0;
  -webkit-animation: fadeOutRight .5s ease-in-out .5s forwards;
  -o-animation: fadeOutRight .5s ease-in-out .5s forwards;
  animation: fadeOutRight .5s ease-in-out .5s forwards;
}
.body-sl5-slide.swiper-slide-active .sl5-ct-right{
  -webkit-animation: fadeInRight .5s ease-in-out .2s forwards;
  -o-animation: fadeInRight .5s ease-in-out .2s forwards;
  animation: fadeInRight .5s ease-in-out .2s forwards;
}
.sl5-ct-right a{
  color:#fff;
}
.sl5-ct-tm{
  display: none;
}
.sl5-c-bottom{
  width: 90VW;
  margin:auto;
  height: 70VH;
  padding:5VH 0 10VH;
  box-sizing: border-box;
  position: relative;
}
.sl5-container{
  width: 80VW;
}
.sl5-slide.swiper-slide{
  transform: scale(.7);
  overflow: hidden;
  /*max-height:100%;*/
}
/*.sl5-slide.swiper-slide-active{
	box-shadow: 0px 10px 10px #888888;
}*/
.sl5-slide.swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width:100%;
  max-height:80%;
}

.sl5-slide.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scale(1.15);
  transition:all .5s;
}
.sl5-button-next, .sl5-button-prev {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: 0px;
  z-index: 10;
  cursor: pointer;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
}
.sl5-button-next{
  right:0;
  background-image: url('../images/sl2-arrow.png');
}
.sl5-button-prev{
  left:0;
  background-image: url('../images/sl2-arrow.png');
  transform:rotate(180deg);
}
.sl5-tc-bj{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	position:absolute;
	top:0;
	left:0;
	transition:all .5s;
	z-index:0;
}
.sl5-tc-bj.active{
	background:rgba(255,255,255,.9);
	transition:all .5s;
	z-index:11;
}
.sl5-tc-close{
	position:absolute;
	top:90px;
	right:2rem;
	font-size:2rem;
	width:3rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	background:#000;
	font-weight:bold;
	color:#fff;
	border-radius:100%;
	cursor:pointer;
	opacity:0;
}
.sl5-tc-bj.active .sl5-tc-close{
	opacity:1;
	transition:all .5s;
}
.sl5-tc-img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	max-width:80%;
	max-height:80%;
	width: 80%;
    height: 80%;
}
.sl5-tc-img img{
	max-width:100%;
	max-height:100%;
	opacity:0;
	-webkit-animation: bounceOut .5s ease-in-out .5s forwards;
	-o-animation: bounceOut .5s ease-in-out .5s forwards;
	animation: bounceOut .5s ease-in-out .5s forwards;
	width: 100%;
    object-fit: contain;
    height: 100%;
}
.sl5-tc-bj.active .sl5-tc-img img{
	-webkit-animation: bounceIn .5s ease-in-out 0s forwards;
	-o-animation: bounceIn .5s ease-in-out 0s forwards;
	animation: bounceIn .5s ease-in-out 0s forwards;
}
/* sl5结束 */
/* sl6开始 */
.body-sl6-slide{
  background: #fff;
}
.sl6-con{
  width: 100%;
  height: 100%;
  background: url('../images/sl6-bj.jpg') no-repeat;
  background-size: 100% auto;
  background-position: center;
  position: relative;
}
.sl6-c-con{
  /*width: 70%;
  margin:auto;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;*/
  width:100%;
  height:100%;
}
.sl6-cc-left{
  width: 26%;
  margin-right: 4%;
  /*opacity: 0;
  -webkit-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  -o-animation: fadeOutLeft .5s ease-in-out .5s forwards;
  animation: fadeOutLeft .5s ease-in-out .5s forwards;*/
  position:absolute;
  top:50%;
  left:-100%;
  z-index:2;
  transform: translateY(-50%);
}
@keyframes sl6left{
	
	0%{
		left:-100%;
	}
	
	100%{
		left:15%;
	}
}
.body-sl6-slide.swiper-slide-active .sl6-cc-left{
  -webkit-animation: sl6left .5s ease-in-out .2s forwards;
  -o-animation: sl6left .5s ease-in-out .2s forwards;
  animation: sl6left .5s ease-in-out .2s forwards;
}
.sl6-ccl-tit{
  margin-bottom:8VH;
  text-align: left;
}
.sl6-cclt-list{
  font-size:1.25rem;
  color: #fff;
  text-align: center;
  padding:1rem 0;
  width: 12em;
  background: #0053be;
  margin-top:1rem;
  transition:all .5s;
  cursor: pointer;
}
.sl6-cclt-list.active{
  width: 14em;
  background:linear-gradient(to right,#085dc6,#00deff);
  transition:all .5s;
}
.sl6-cc-right{
  position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.body-sl6-slide.swiper-slide-active .sl6-cc-right{
  /*-webkit-animation: fadeInRight .5s ease-in-out .2s forwards;
  -o-animation: fadeInRight .5s ease-in-out .2s forwards;
  animation: fadeInRight .5s ease-in-out .2s forwards;*/
}
.sl6-ccr,.sl6-ccr-list,.sl6-ccrl-img ,.sl6-ccrl-img img{
	height:inherit;
}
.sl6-ccrl-img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.sl6-ccr-list{
  display: none;
  opacity: 0;
  -webkit-animation: fadeOutLeft.2s ease-in-out .1s forwards;
  -o-animation: fadeOutLeft .2s ease-in-out .1s forwards;
  animation: fadeOutLeft .2s ease-in-out .1s forwards;
}
.sl6-ccr-list.active{
  display: block;
  -webkit-animation: fadeInRight .2s ease-in-out .1s forwards;
  -o-animation: fadeInRight .2s ease-in-out .1s forwards;
  animation: fadeInRight .2s ease-in-out .1s forwards;
}
.sl6-ccrl-text{
  position: absolute;
  bottom:2%;
  right:4%;
  font-size: 6rem;
  color:rgba(255,255,255,.5);
}

/* sl6结束 */
/* sl7开始 */
.body-sl7-slide{
  /* overflow: auto;
  -webkit-overflow-scrolling:touch;
  height: auto !important; */
}
.sl7-con{
  width: 100%;
  height: 100%;
}
.sl7-swiper-slide{
  height: auto !important;
  display: block;
}
.sl7-cc-top{
  position: relative;
  background: url('../images/sl7-bj1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.sl7-cct{
  width: 70%;
  margin:auto;
  display: flex;
  padding: 26VH 0 20VH;
}
.sl7-cct-left{
  width: 37%;
}
.sl7-cct-left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sl7-cct-right{
 /* background: url('../images/sl7-2.jpg') no-repeat;*/
 background: #021a46;
  background-size: cover;
  background-position: center;
  width: 63%;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.sl7-cctr-con{
  width: 80%;
  padding:3VH 0;
  box-sizing: border-box;
  text-align: left;
  margin: auto;
}
.sl7-cctrc-tit{
  font-size: 1.75rem;
  color:#fff;
  font-weight: bold;
  line-height: 100%;
}
.sl7-cctrc-center{
  margin-top:2VH;
  display: flex;
  padding:2VH 0;
  border-top:1px solid rgba(151,151,151,.37);
  border-bottom:1px solid rgba(151,151,151,.37);
}
.sl7-cctrc-center p{
  line-height: 200%;
}
.sl7-cctrcc-left{
  width: 80%;
}
.sl7-cctrcc-right{
  width: 45%;
}
.sl7-cctrccl-tit{
  font-size: 1rem;
  color:#fff;
}
.sl7-cctrc-bottom{
  margin-top:2VH;
  display: flex;
  align-items: flex-end;
}
.sl7-cctrc-bottom{}
.sl7-cctrccr-more{
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  border-radius: 2.5rem;
  color: #fff;
  background: linear-gradient(to right,#085dc6,#00deff);
  display: inline-block;
}
.sl7-cctrccr-more a{
  color: #fff;
}
.sl7-cc-bottom{
  /*background: url('../images/sl7-bj2.jpg') no-repeat;*/
  background-size: cover;
  background-position: center;
}
.sl7-ccb-top{
  
}
.sl7-ccbt-con{
  width: 70%;
  margin:auto;
  text-align: left;
  padding:3VH 0;
}
.sl7-ccbtc-tit{
  font-size: 1.8rem;
  color:#fff;
  position: relative;
  margin-bottom:3rem;
  display: inline-block;
}
.sl7-ccbtc-tit:after{
  content:'';
  position: absolute;
  bottom:-1rem;
  left:0;
  background: linear-gradient(to right,#085dc6,#00deff);
  height: .5rem;
  width: 75%;
}
.sl7-ccbtc-tits{
  font-size: 1.2rem;
  color:#fff;
}
.sl7-ccbtc-con form{
  display: flex;
  height: 2.5rem;
  background: #fff;
  width: 50%;
  margin-top:1rem;
}
.sl7-ccbtc-input{
  display: inline-block;
  padding-left:2%;
  width: 100%;
  background: #fff;
}
.sl7-ccbtc-input input{
  width: 100%;
  height: 2.5rem;
  border:none;
  line-height: 2.5rem;
  background: transparent;;
}
.sl7-ccbtc-submit{
  background: #0053be;
  float: right;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  cursor: pointer;
}
.sl7-ccbtc-submit img{
  width: 60%;
}

.sl7-ccb-bottom{
  padding:2VH 0;
  border-top:1px solid rgba(255,255,255,.2);
  line-height: 200%;
}
.sl7-ccbb-con{
  width: 70%;
  margin:auto;
  display: flex;
  justify-content: space-between;
  color: rgba(255,255,255,.2);
  font-size: 1rem;
}



/* sl7结束 */

/* body分页开始 */
.body-pagination{
  right:2% !important;
  left: auto;
}
.body-pagination .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  opacity: 1;
  background: #fff;
  text-align: right;
  margin-left:2px !important;
  margin-top:1rem !important;
  background: url(../images/bp-icon1.png) no-repeat;
  background-size: auto 100%;
  background-position: center;
}
.body-pagination .swiper-pagination-bullet-active {
  width: 10px;
  height: 2px;
  border-radius: unset;
  background: #fff;
  margin-left:0px !important;
}
.body-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:nth-child(1):after {
  content:'HOME';
  position: absolute;
  color:#fff;
  text-transform: uppercase;
  right:0;
  top:-0.2rem;
}
@media (max-width:1600px){
  .nav-pc li {
    margin-left: 1VW;
  }
}
@media (max-width:1366px) and (min-width: 769px){
  .sl4-crci-img img {
    height: 4rem;
  }
}
@media (max-width:1250px){
  .nav-pc li {
    margin-left: 0.5VW;
  }
  .sl6-cclt-list {
    font-size: 1rem;
    padding: .5rem 0;
    width: 11em;
    cursor: pointer;
  }
  .sl6-cclt-list.active {
    width: 12em;
  }
  .sl7-cctrc-center {
    margin-top: 1VH;
    display: block;
    padding: 1VH 0;
  }
  .sl7-cctrcc-left {
    width: 100%;
  }
  .sl7-cctrcc-right {
    width: 100%;
  }
  .sl7-cctrc-bottom {
    display: block;
  }
  .sl7-cctrc-bottom .sl7-cctrccr-more{
    display: none;
  }
}
/* body分页结束 */
@media (max-width:768px){
  /* header */
  #m_header{
    display: block;
    position: fixed;
    z-index:99;
    background: transparent;
    width:90%;
    padding: 0 5%;
    background: #fff;
    height: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #header{
    display: none;
  }
  #m_header.white .index-header .logo > span:first-child{
    display: block;
  }
  #m_header.white .index-header .logo > span:last-child{
    display: none;
  }
  #m_header.black .index-header .logo > span:first-child{
    display: none;
  }
  #m_header.black .index-header .logo > span:last-child{
    display: block;
  }
  #m_header.white{
    background: transparent;
  }
  #m_header.black{
    background: #fff;
    border-bottom:1px solid #cdcdcd;
  }
  .index-header {
    width: auto;
    margin: auto;
    background: transparent;
    overflow: hidden;
    display: block;
    align-items: center;
    justify-content: center;
    border-radius: unset;
    padding: 0;
  }
  .logo {
    width: 40%;
  }
  .index-search-icon{
    float: right;
    line-height: 4.5rem;
    position: relative;
    margin-right: 2rem;
  }
  .index-search-icon:before{
    content:'';
    position: absolute;
    background: rgba(0,0,0,0.2);
    width: 0.1rem;
    height: 1.5rem;
    top:1.5rem;
    left:-1.5rem;
  }
  .index-search-icon:after{
    content:'';
    position: absolute;
    background: rgba(0,0,0,0.2);
    width: 0.1rem;
    height: 1.5rem;
    top:1.5rem;
    right:-1.5rem;
  }
  .index-search-icon img{
    height: 1.5rem;
    width: auto;
    object-fit: cover;
  }
  #m_header .index-search{
    display: none;
    position: absolute;
    top:4.5rem;
    left:0;
    width: 100%;
  }
  #m_header .is-con {
    justify-content: flex-start;
    background: #fff;
  }
  .is-ctext {
    width: 80%;
  }
  .is-ctext input{
    width: 100%;
  }
  .index-lang {
    display: none;
  }
  .index-lang-m {
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.5rem;
    border: 0.1rem solid #1d2088;
    border-radius: 2rem;
    font-size: 1rem;
    margin-left: 1VW;
    margin-top: 1.5rem;
  }
  .il-list-m {
    background: #1d2088;
    color: #fff;
    height: 1.6rem;
    width: 1.5rem;
    line-height: 1.5rem;
  }
  .il-list-m-active {
    color: #1d2088;
    background: #fff;
  }
  .index-lang-m a:nth-child(1) .il-list-m {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    text-align: right;
  }
  .index-lang-m a:nth-child(2) .il-list-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    text-align: left;
  }
  .index-menu-text{
    float: right;
    color:rgba(0,0,0,0.5);
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 4.5rem;
  }
  .nav-pc{
    float:right;
    width:4rem;
    line-height: 2rem;
  }
  .hamburger {
    float: right;
    display: block;
  }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #0050be;
  }
  #m_header.white .hamburger-inner, #m_header.white .hamburger-inner::before, #m_header.white .hamburger-inner::after {
    background-color: #fff;
  }
  #m_header.white .hamburger--emphatic-r.is-active .hamburger-inner {
    background-color: transparent;
	}
  .hamburger-inner::before {
    top: -7px;
  }
  .hamburger--emphatic-r .hamburger-inner::after{
    top:7px;
  }
  .hamburger-inner::after {
    bottom: -7px;
  }
  .mobile_nav{
    display: none;
    width: 100VW;
    text-align: center;
    position: absolute;
    top: 4.5rem;
    left: 0;
    background: #fff;
	height:auto;
  }
  .nav-pc li {
    display: block;
	line-height: 250%;
  }
  /* sl1 */
  .sl1-sl1-slide{
    -webkit-animation: bjmove 16s ease-in-out infinite  1s ;
    -o-animation: bjmove 16s ease-in-out infinite  1s ;
    animation: bjmove 16s ease-in-out infinite  1s ;
  }
  .sl1-sl2-slide{
    -webkit-animation: bjmove 16s ease-in-out infinite  1s ;
    -o-animation: bjmove 16s ease-in-out infinite  1s ;
    animation: bjmove 16s ease-in-out infinite  1s ;
  }
  .sl1-sl1-slide {
    background: url(../images/sl1-sl1-bjm.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  .sl1-sl1-con {
    transform: translate(-50%,-80%);
    width: 80%;
  }
  .sl1-c1-text3 {
    height: 2rem;
    line-height: 2rem;
    border-radius: 2rem;
    padding: 0 1rem;
    font-size: .8rem;
    margin-top: 6VH;
  }
  .sl1-c1-text3 a {
    letter-spacing: 0;
    font-size: .8rem;
  }
  .sl1-sl2-slide {
    background: url(../images/sl1-sl2-bjm.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
  }
  .sl1-sl2-con {
    transform: translate(-50%,-100%);
    width: 80%;
  }
  .sl1-c2-text4{
    display: none;
  }
  .sl1-c2-text5 {
    display: none;
  }
  .sl1-sl3-slide {

    background: url(../images/sl1-sl3-bjm.jpg) no-repeat;

    background-size: 100% auto;

    background-position: center bottom;

  }
  /* sl2 */
  .sl2-con {
    padding-top: 5rem;
  }
  .sl2-c-top {
    height: 30VH;
  }
  .sl2-ct {
    position: absolute;
    display: block;
  }
  .sl2-ct-left {
    margin-left: 0;
    text-align: left;
  }
  .sl2-ct-left img{
    max-width: 80%;
    margin:0;
  }
  .sl2-c-con {
    width: 90VW;
    float: none;
    height: 60VH;
    display: flex;
    margin:auto;
    flex-wrap:wrap;
    flex-direction: column-reverse;
  }
  .sl2-left {
    width: 100%;
    height: 10VH;
  }
  .sl2-l {
    position: static;
    transform: translateY(0);
  }
  .sl2-button-next, .sl2-button-prev {
    display: none;
  }
  .sl2-right {
    width: 100%;
    height: 50VH;
  }
  .sl2-ct-right {
    margin-top: 2VH;
    justify-content: flex-start;
  }
  .sl2-ct-right > div {
    height: 2rem;
    line-height: 2rem;
    padding: 0 1rem;
    border-radius: 2rem;
  }
  .sl2-ct-right > div a {
    font-size: .8rem;
  }
  .sl2-slide.swiper-slide {
    width: 100% !important;
  }
  .sl2-slide.swiper-slide.swiper-slide-active{
    width: 100% !important;
  }
  .sl2-pagination .swiper-pagination-bullet {
    width: 5VW;
    height: .2rem;
    display: inline-block;
    border-radius: 0;
    background: #06499d;
    opacity: 1;
    margin-left:1VW;
  }
  .sl2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #a7a7a7;
  }
  /* sl3开始 */
  .sl3-con {
    padding-top: 5rem;
  }
  .sl3-c-con {
    background-position: 50% 120%;
    background-size: 100%;
    overflow: hidden;
  }
  .sl3-cc-text {
    position: static;
    top: 0;
    left: 0;
    transform: translateY(0);
    width: 90%;
    padding-left:0;
    margin:auto;
    margin-top: 5VH;
  }
  .sl3-cct-tit {
    font-size: 2rem;
  }
  .sl3-cct-tits {
    font-size: 1.3rem;
  }
  .sl3-cctc-list {
    margin-right: 5VW;
  }
  .sl3-cctcl-top > span:first-child {
    font-size: 2rem;
  }
  .sl3-cct-more {
    margin-top: 2VH;
  }
  /* sl3结束 */
  /* sl4开始 */
  .sl4-slide {
    width: 100%;
    height: 100VH;
  }
  .sl4-slide{
    -webkit-animation: bjmove 16s ease-in-out infinite  1s ;
    -o-animation: bjmove 16s ease-in-out infinite  1s ;
    animation: bjmove 16s ease-in-out infinite  1s ;
  }
  .sl4-con-text {
    left: 50%;
    top: 50%;
    width: 80%;
    transform: translate(-50%,-80%);
  }
  .sl4-ct-t1 {
    font-size: 2.2rem;
  }
  .sl4-ct-t2 {
    font-size: 2rem;
    margin-top: 1VH;
  }
  .sl4-con-num {
    bottom: 10VH;
  }
  .sl4-button-next,.sl4-button-prev{
    display: none;
  }
  .sl4-pagination.swiper-pagination {
    bottom: 5VH;
  }
  .sl4-pagination .swiper-pagination-bullet {
    width: 20VW;
  }
  /* sl4结束 */
  /* sl5开始 */
  .sl5-con {
    padding-top: 5rem;
  }
  .sl5-c-top {
    width: 70%;
    height: 20VH;
    display: block;
    margin-top: 20VH;
    text-align: left;
  }
  .sl5-ct-right {
    display: inline-block;
    margin-top: 3VH;
    display: none;
  }
  .sl5-ct-tm{
    display: block;
    width: 80%;
    margin-top: 3VH;
  }
  .sl5-c-bottom {
    width: 100VW;
    height: 60VH;
    padding: 0 0 10VH;
  }
  .sl5-container {
    width: 100%;
  }
  .sl5-button-next, .sl5-button-prev {
    display: none;
  }
  /* sl5结束 */
  /* sl6开始 */
  .sl6-con {
    padding-top: 5rem;
  }
  .sl6-c-con {
    width: 90%;
    margin: auto;
    position: static;
    top: 0;
    left: 50%;
    transform: translate(0);
    display: block;
    /*margin-top: 15VH;*/
  }
  .sl6-cc-left {
    width: 100%;
    margin-right: 0;
  }
  .sl6-ccl-tit {
    margin-bottom: 0;
    max-width: 60%;
  }
  .sl6-ccl-tab {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5VH;
  }
  .sl6-cclt-list {
    font-size: 1rem;
    padding: .5rem 0;
    width: 11em;
    margin-top: .5rem;
  }
  .sl6-cclt-list.active {
    width: 12em;
  }
  .sl6-cc-right {
    width: 100%;
    margin-top: 8VH;
  }
  .sl6-ccr-list {
    position: static;
    display: none;
  }
  .sl6-ccr-list.active {
    display: block;
  }
  /* sl6结束 */
  /* sl7开始 */
  .sl7-cc-top {
    height: auto;
    padding: 20VH 0 14VH;
  }
  .sl7-cct {
    position: static;
    top: 0;
    left: 0;
    transform: none;
    width: 75%;
    margin: auto;
    display: block;
    padding: 0;
  }
  .sl7-cct-left {
    width: 100%;
  }
  .sl7-cct-right {
    width: 100%;
  }
  .sl7-cctr-con {
    position: static;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    padding: 5VH 3VW;
  }
  .sl7-cctrc-tit {
    font-size: 1.2rem;
  }
  .sl7-cctrc-center {
    margin-top: 2VH;
    display: block;
    padding: 2VH 0;
  }
  .sl7-cctrcc-left {
    width: 100%;
  }
  .sl7-cctrcc-right {
    width: 100%;
  }
  .sl7-cctrc-bottom .sl7-cctrcc-right {
    display: none;
  }
  .sl7-cc-bottom {
    height: auto;
  }
  .sl7-ccb-top {
    height: auto;
  }
  .sl7-ccbt-con {
    width: 90%;
    padding: 4VH 0;
  }
  .sl7-ccbtc-tit {
    font-size: 1.2rem;
    margin-top: 0;
  }
  .sl7-ccbtc-con form {
    width: 100%;
  }
  .sl7-ccb-bottom {
    height: auto;
    line-height: 150%;
    padding:2VH 0;
  }
  .sl7-ccbb-con {
    width: 90%;
    display: block;
    font-size: .8rem;
  }
  .sl7-ccbb-con div{
    font-size: .8rem;
  }
  /* sl7结束 */
  .banner{
    padding-top: 4.5rem;
  }
}
@keyframes bjmove{
  0%{
    background-position: 50% 50%;
  }
  50%{
    background-position: 20% 50%;
  }
  100%{
    background-position: 80% 50%;
  }
}